<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.css">
    <!-- ie 9+ 其他浏览器都不执行，ie8-执行 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container">
        <ul class="nav nav-stacked">
            <li class="active"><a href="#home" data-toggle="tab">home</a></li>
            <li><a href="#news" data-toggle="tab">news</a></li>
            <li><a href="#about" data-toggle="tab">about</a></li>
        </ul> 
        <ul class="nav nav-pills">
            <li class="active"><a href="#home" data-toggle="tab">home</a></li>
            <li><a href="#news" data-toggle="tab">news</a></li>
            <li><a href="#about" data-toggle="tab">about</a></li>
        </ul> 
        <ul class="nav nav-tabs">
            <li class="active"><a href="#home" data-toggle="tab">home</a></li>
            <li><a href="#news" data-toggle="tab">news</a></li>
            <li><a href="#about" data-toggle="tab">about</a></li>
        </ul> 
        <div class="tab-content">
            <div class="tab-pane active" id="home">You can activate a tab or pill navigation without writing any JavaScript b</div>
            <div class="tab-pane" id="news">TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</div>
            <div class="tab-pane" id="about">是前端资源模块化管理和打包工具
                    Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</div>
        </div>

        <!-- <button class="btn btn-success"><i class="fa fa-save"></i> 保存</button> -->
    </div>
    
    

    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
    <script>
        
    </script>
   
</body>
</html>